@import "reset";
$color:#176dc1;
.wrapper{
  width: 1200px;
  margin: 0 auto;
}

.header{
  background: $color;
  height: 100px;
}
.content{
  margin-top: 20px;
}
.left-content{
  border:1px solid #ebebeb;
  width: 228px;
  float: left;
  h2{
    background: $color;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    padding-left: 30px;
    margin-bottom: 10px;
  }

  .leave1{
    font-size: 14px;
    cursor: pointer;
    background: #e8e8e8;
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    span{
      background: url(../images/open.png) no-repeat left center;
      padding-left: 20px;
    }
  }
  .open{
    span{
      background: url(../images/close.png) no-repeat left center;
    }
    +.sub-menu{
      display: block;
    }
  }

  .sub-menu{
    display: none;
    padding:10px 0 10px 20px;
    .leave1-li{
      padding-left: 20px;
      span{
        padding-left: 20px;
        background: url(../images/arr.png) no-repeat left center;
        display: block;
        cursor: pointer;
        height: 30px;
        line-height:30px;
      }
    }
    .leave2{
      font-size: 14px;
      cursor: pointer;
      span{
        background: url(../images/open.png) no-repeat left center;
      }
      &.open{
        span{
          background: url(../images/close.png) no-repeat left center;
        }
      }
    }

  }
}
.right-content{
  float: left;
  margin-left: 10px;

}
.nav{
  overflow: hidden;
  ul{
    li{
      float: left;
      a{
        display: block;
        height: 40px;
        line-height: 40px;
        padding:0 30px;
        text-align: center;
        font-size: 16px;
        color: #333;
        
      }
    }
    .active {
      a{
        background: $color;
        color: #fff;

      }
    }
  }
}
.search{
  border:1px solid #ddd;
  overflow: hidden;
  padding:5px 20px;
  margin-top: 10px;

  span{
    float: left;
    font-size: 14px;
    display: block;
    margin-top: 7px;
  }
  ul{
    float: left;
    overflow: hidden;
    margin-left: 30px;
    li{
      margin-left: 30px;
      float: left;
      a{
        padding-left: 25px;
        color: #333;
        display: block;
        height: 30px;
        line-height: 30px;
      }
    }
    .a{
      a{
        background: url(../images/a.png) no-repeat left center;
      }
    }
    .b{
      a{
        background: url(../images/b.png) no-repeat left center;
      }
    }
    .c{
      a{
        background: url(../images/c.png) no-repeat left center;
      }
    }
    .d{
      a{
        background: url(../images/d.png) no-repeat left center;
      }
    }
    .e{
      a{
        background: url(../images/e.png) no-repeat left center;
      }
    }
    .f{
      a{
        background: url(../images/f.png) no-repeat left center;
      }
    }
  }
}